<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 
        移动端适配 
        meta为元标签，name="viewport"表示对于视图窗口进行的设置
        content="width=device-width, initial-scale=1.0,user-scalable=no"
        width=device-width页面宽度等于设备宽高，initial-scale=1.0初始缩放比为1表示不缩放，user-scalable=no禁止用户手动缩放
    -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no" />
    <!-- 项目图标link:favicon -->
    <link rel="shortcut icon" href="https://img1.baidu.com/it/u=731710723,581112950&fm=26&fmt=auto" type="image/x-icon">
    <!-- 项目网页标题 -->
    <title>登陆</title>
    <!-- 1.引入响应插件 -->
    <script src="libs/flexible.js"></script>
    <!-- 2.引入css初始化插件 -->
    <link rel="stylesheet" href="libs/reset.css">
    <!-- 3.引入登录页面对应的样式文件 -->
    <link rel="stylesheet" href="css/login.css">
</head>
<body>
    <!-- Logo -->
    <img src="imgs/orange.png" alt="">
    <!-- 表单 -->
    <form>
        <!-- 手机号 -->
        <div>
            <input type="tel" placeholder="手机号">
        </div>
        <!-- 验证码 -->
        <div>
            <input type="text" placeholder="验证码">
            <button>获取验证码</button>
        </div>
        <!-- 登录按钮 -->
        <button>登录</button>
    </form>
</body>
</html>